<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX 的封装</title>
</head>
<body>
<script type="text/javascript">
<!--    封装一个函数,名叫Jquery,通过传递的参数获取元素-->
    function jQuery(select){
        let DomObj;
        if(typeof(select) == "string"){
            // 参数的第一个字符是#就是id选择器.
            if(select.charAt(0)=='#'){
                DomObj = document.getElementById(select.substring(1));
                return DomObj
            }
        }
        // 将函数赋值给window.onload
        if(typeof(select)=="function"){
            // 页面加载完毕之后就执行这个函数.
            window.onload = select;
        }
    }
    // 这里的$就是变量名
    $=jQuery;


    // window.onload = function(){
    //     $("#btn").onclick  = function (){
    //         $("#mydiv").innerHTML = "<font color=\"red\"> sorry you are wrong</font>";
    //     }
    // }

    $(function(){
            $("#btn").onclick  = function (){
                $("#mydiv").innerHTML = "<font color=\"red\"> sorry you are wrong</font>";
            }
        })

</script>

<button   id="btn">展示内容</button>
<div id="mydiv"></div>

</body>
</html>